<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>下拉列表</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"
	charset="utf-8"></script>
<link rel="stylesheet" href="/static/easyui/themes/default/easyui.css">
<link rel="stylesheet" href="/static/easyui/themes/icon.css">
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"
	charset="utf-8"></script>
<script type="text/javascript"
	src="static/easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
<script type="text/javascript" src="/static/js/yzy.js"></script>	
<script type="text/javascript">
	$(function(){
		$('#sel_1').combobox({
			onSelect:function(){
				var test01Id= $('#sel_1').combobox('getValue');
				$('#sel_2').combobox('setValue','');
				$('#sel_2').combobox('reload' , 'com/test02?id='+test01Id);
			}
		});
		
		$('#input_1').combobox({
			//data:[{id:1,val:'男'},{id:2,val:'女'}]
			mode:'remote',//需要从服务器加载
			url:'com/test03',
			valueField:'id',
			textField:'name',
			Delay:1000,//提交延迟
		});
	});
</script>
</head>
<body>
	省市联动<br>
	<div>
		<select id="sel_1" class="easyui-combobox" url="com/test01" valueField="id" textField="name" style="width:100px;"></select>
		<select id="sel_2" class="easyui-combobox" valueField="id" textField="name" style="width:100px;"></select>
		<br>
		<input id="input_1">
	</div>
</body>
</html>